/*
	Desenvolvido por LuckSolu絥sWeb	
		Connect Gamer v1.0
	Autor Luck
		Design: Luck
	Program: Luck
	contato: lucasmarcelo93@gmail.com
	Connect Soluções
*/

/*RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*RESET END*/

body{
	background-image: url(../img/bg_site/bg2.jpg);	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	width: 100%;
	font-family: verdana;
}
a{
	text-decoration: none;
	color:#ffffff;
}
/*Limpa Floats*/
.clear{
	clear: both;
}
/*Inicio codigo*/
.geral{
	height: auto;
	width: 100%; 
}
.geral .superior{
   /*background-image: url("../img/site_images/bgSuperior.png");*/
   /*background-image: url("../img/site_images/bgSuperior2.png");*/
   	background-image: url("../img/bg_site/bg_topo.jpg");
    height: 209px;
    margin: 0 auto;
    width: 960px;
}
.geral .superior .banner{
    float: left;
    height: 32px;
    margin-left: -30px;
	margin-top: -30px;
    width: 100%;
	display: none;
}

.geral .superior .menuCategory{
	width: 223px;
	float: right;
	height:36px;
	background: #141414;
	background:url() 100% 100%; 
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
}
.geral .superior .menuCategory ul{
	color:white;
	font-size: 16px;
	font-family:verdana;
}
.geral .superior .menuCategory ul li{
    float: left;
    padding-left: 12px;
    padding-right: 0;
    padding-top: 6px;
	
}
.geral .menu{
    height: 50px;
   	font-family:verdana;
    width: 100%px;
	margin-top: 81px;
	
}

.geral .ultimos{
	padding-top: 10px;
    /*background-color: #666666;*/
	background-image: url(../img/site_images/bgFeatured.png);
    height: 255px;
    margin: 0 auto;
    width: 960px;
	
}
.geral .ultimos .ultimosBox{
    background-color: #2D2D2D;
    float: left;
    height: 237px;
    margin-left: 14px;
    width: 300px;
	font-family:verdana
}
/*BOX ultimas noticias*/
.geral .ultimos .ultimosBox > .box{
	position: absolute;
	height: 237px;
}
.geral .ultimos .ultimosBox .box:hover .box-show{
	opacity:0.8;
}
.geral .ultimos .ultimosBox .box:hover .destaque{
	opacity:0;
}
.destaque{
 	background-color: #000000;
    height: 40px;
    left: 0;
    opacity: 0.8;
    position: relative;
    top: -42px;
    transition: opacity 0.5s ease 0s;
    width: 300px;
	color:#ffffff
}
.box-show{
 	background-color: #000000;
    height: 110px;
    opacity: 0;
    position: relative;
	top: -152px;
    width: 300px;
	transition: opacity 0.5s ease 0s;
	color: #ffffff
}
.box-show h1{
    height: 86px;
    padding-left: 5px;
    padding-top: 5px;
}
.box-show .btn-ver{
    float: right;
    font-size: 10px;
    padding-right: 5px;
}
.box-show .btn-ver a{
	
}
.box-show .btn-ver a:hover{
	color:#1894E3;
}
.destaque h1{
	padding-left:14px;
	font-weight:bold;
	padding-top:14px;
	font-size:12px;
	background-image: url(../img/destaque-bg.jpg);
	background-repeat: no-repeat;
	background-position:0px 15px
}
.box-img{
	position: absolute;
}
.box-img .destaque-news{
  	background-color: #000000;
    color: #FFFFFF;
    height: 40px;
    left: 10px;
    opacity: 0.8;
    position: relative;
    top: 207px;
    transition: opacity 0.5s ease 0s;
    width: 300px;
}

.box-img .destaque-news h1{
	padding-left:14px;
	font-weight:bold;
	padding-top:14px;
	font-size:12px;
	background-image: url(../img/destaque-bg.jpg);
	background-repeat: no-repeat;
	background-position:0px 15px;
	position: absolute;
}
.geral .inferior{
    background-image: url("../img/site_images/bgFeatured.png");
    float: inherit;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}
.geral .inferior .boxInferior{
	width:100%;
	height: auto;

}
.geral .inferior .boxInferior .title{
	background: linear-gradient(to bottom, #32323A 0%, #141414 100%) repeat scroll 0 0 transparent;
    border-left: 5px solid #1894E3;
    height: 32px;
    width: 100%;
}
.geral .inferior .boxInferior .title h1{
	color: white;
    font-family: verdana;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 8px;
    text-shadow: 2px 1px 1px #030303;
}
.geral .inferior .box_news{
   
    float: left;
    height: auto;
    padding-bottom: 20px;
    width: 635px;
}
.geral .inferior .box_news .title{
	background: #141414;
	background:url() 100% 100%; 
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
	height: 32px;
	width: 630px;
	border-left:5px solid #1894E3;
}
.geral .inferior .box_news .title h1{
	font-family: verdana;
	font-size: 18px;
	color: white;
	padding-top: 8px;
	padding-left: 10px;
	text-shadow: 2px 1px 1px #030303;
    filter: dropshadow(color=#030303, offx=2, offy=1);
}
.geral .inferior .box_news .news_content{
    background-color: #1e1e1e;
    height: 260px;
    margin-top: 15px;
    width: 100%;
	font-family: verdana;
	/*border-left: 5px solid #1894E3;*/
}
.geral .inferior .box_news .news_content > .box{
 	float: left;
    margin-left: 320px;
    margin-top: 10px;
}
.geral .inferior .box_news .news_content > .box > h1{
    /*border-bottom: 2px solid #1894E3;*/
    /*border-bottom: 1px solid #2E2E2E;*/
    color: white;
    font-size: 18px;
    height: 40px;
    line-height: 20px;
    max-width: 310px;
    padding-bottom: 5px;
    padding-top: 14px;
}
.geral .inferior .box_news .news_content > .box > h1 a{
	transition: color 0.2s;
}
.geral .inferior .box_news .news_content > .box > h1 a:hover{
	color: #1894E3;
}
.geral .inferior .box_news .news_content > .box > .box_descricao{
    color: #CFCFCF;
    font-size: 12px;
    height: 130px;
    line-height: 16px;
    margin-top: 15px;
    text-align: justify;
    width: 312px;
}
.geral .inferior .box_news .news_content > .box > .postado{
    color: #CFCFCF;
    font-size: 12px;
    padding-bottom: 3px;
    width: 309px;
}

.geral .inferior .box_news .news_content > .box > .comentarios{
	font-size: 12px;
	color: #cfcfcf;
}
	
.geral .inferior .box_news .news_content > .box > .comentarios a{
	transition: color 0.2s;	
}
.geral .inferior .box_news .news_content > .box > .comentarios a:hover{
	color: #1894E3;
}
.geral .inferior .box_news .news_content img{
	float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.geral .inferior .sidebar{
    float: left;
    height: auto;
    width: 313px;
	margin-left: 5px;
}
.geral .inferior .sidebar .sideContent{
	width: 320px;
	height: auto;
	background-color: #1E1E1E;
	margin-bottom: 5px;
}

.geral .inferior .sidebar .sideContent .conteudo{
	width: 100%;
	height: auto;
	clear: both;
	font-family: verdana;
    font-size: 12px;
	color: white;
	/*border-bottom: 1px solid #2f2f2f;*/
}
.geral .inferior .sidebar .sideContent .conteudo:first-line{
	border: none;
}
.geral .inferior .sidebar .sideContent .conteudo:hover img.gameplays{
	border:1px solid #3c75c4;
}

.geral .inferior .sidebar .sideContent:hover .scrollbar{
	opacity: 1;
}
.geral .inferior .sidebar .sideContent .conteudo .dados h1{
    margin-top: 5px;
    width: 190px;
}
.geral .inferior .sidebar .sideContent .conteudo .dados .por{
	margin-top: 5px;
}
.geral .inferior .sidebar .sideContent .conteudo .dados .views{
	margin-top: 5px;	
}
.geral .inferior .sidebar .sideContent .conteudo .dados .descricao{
	margin-top: 10px;
	width: 190px;	
}
/* Youtube */
.geral .inferior .sidebar .sideContent .conteudo img.gameplays{
    height: 95px;
    margin-left: 5px;
    margin-top: 5px;
    width: 120px;
	float: left;
	border:1px solid #1E1E1E;
	transition: border 0.2s
}
.geral .inferior .sidebar .sideContent .conteudo .dados{
	float: left;
	width: 168px;
	margin-left: 5px;
}
.geral .inferior .sidebar .sideContent > .title{
	background: linear-gradient(to bottom, #32323A 0%, #141414 100%) repeat scroll 0 0 transparent;
    border-left: 5px solid #1894E3;
    height: 32px;
    width: 315px;
}
.geral .inferior .sidebar .sideContent > .title h1 {
 	color: white;
    font-family: verdana;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 8px;
	text-shadow: 2px 1px 1px #030303;
    filter: dropshadow(color=#030303, offx=2, offy=1);
}
.slider{
    margin: 0 auto;
	width:	960px;
	height: 430px;
	background-color:#232323
}
.geral .footer{
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: #141414;
	background:url() 100% 100%; 
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 	border-top: medium none #0B0B0B;
}
.geral .footer > .box{
    float: left;
    margin-left: 12px;
    width: 165px;
	margin-top: 8px;
}
.geral .footer span.title{
	color: #1894E3;
	font-size: 18px;
}
.geral .footer ul{
	color:#666666;
	padding: 0;
}
.geral .footer ul li {
	margin-top: 5px;
	font-size: 10px;
}
.geral .footer ul li a{
	
}
.geral .footer ul li a:hover{
	
}

.geral .footer .copy{
	width: 100%;
	height: 30px;
	background-color: #0d0d0d;
	border-top: #0b0b0b;
	margin-top: 20px;
}
.geral .footer .copy span {
    float: left;
    font-size: 11px;
    padding-left: 276px;
    padding-top: 8px;
	color:#666666;
}
/*Reviews*/
.sideContent .conteudo .review-box .dadosReview{
	width:206px;
	    float: left;
    margin-left: 5px;

}
.sideContent .conteudo  .review-box img.review{
	width: 100px;
	height: 142px;
	float: left;
	border:2px solid #0d0d0d;
	border-radius:2px;
}
.sideContent .conteudo .review-box{
    height: auto;
    line-height: 18px;
    overflow: auto;
    padding-left: 5px;
    padding-top: 5px;
    width: 100%;
	
}
.sideContent .conteudo .review-box .jogo{
    font-size: 16px;
    height: auto;
    width: 100%;

}
.sideContent .conteudo .review-box .notafinal{
    background-color: #1894E3;
    height: 68px;
    margin-top: 10px;
    width: 86px;

}
.sideContent .conteudo .review-box .notafinal p{
    font-size: 28px;
    padding-bottom: 17px;
    padding-left: 19px;
    padding-top: 15px;
	text-shadow: 2px 2px 2px #000000;
	
}
.sideContent .conteudo .review-box .btn-review{
	margin-top: 18px;
}
.sideContent .conteudo .review-box .btn-review a{
	transition: color 0.2s;
}
.sideContent .conteudo .review-box .btn-review a:hover{
	color: #1894E3;
}
.sideContent .conteudo .review-box .notafinal .text{
	font-size:10px;
	background-color:#000000;
	opacity:0.8;
	width: 100%;
}
.sideContent .conteudo .review-box .notafinal .text span{
	padding-left:15px;
}
.sideContent .conteudo .review-box b{
	font-weight: bold;
}


/*MENU*/
.geral .menu{
    height: 48px;
    margin: 0 auto;
    width: 960px;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
}
#cssmenu {
  height: 49px;

  background: #141414;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {

  color: #ffffff;
  display: inline-block;

 
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;

}
#cssmenu > ul > li:hover:after {

  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {

}
#cssmenu > ul > li:last-child > a {

}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);

}
#cssmenu > ul > li:hover > a {

  background: #070707;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {

  display: block;
  
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;

}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
    
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
  
}


/* ScrollBar CSS */
#scrollbar1:hover .scrollbar{
	opacity:1;
}
#scrollbar1 {     clear: both;
    margin: 3px 0 10px;
    width: 318px; }
#scrollbar1 .viewport { width: 300px; height: 210px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #252529; }
#scrollbar1 .scrollbar {transition: opacity 0.2s; opacity:0; position: relative; float: right; width: 6px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:5px; position: relative; padding: 2px 1px; border-radius:3px }
#scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  border-radius: 3px 3px 3px 3px; margin-top: 2px;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 6px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }